<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Colibri adventures</title>

<link rel="stylesheet" type="text/css" href="css/styles.css" />

<!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

</head>

<body>
	<header>
		<div class="logoTitle">
			<h1>Colibri</h1>
			<h2>adventures</h2>
			
		</div>
	</header>
	<div id="wrapper">
		<nav class="navBarTiny">
		<select>
			<option><a href="#home" class="active">home</a>
			</option>
			<option><a href="#packs" class="active">packs</a>
			</option>
			<option><a href="#about" class="active">about</a>
			</option>
		</select>
		</nav>
		

		<nav class="navBar">
			<a href="#home" class="active">home</a> <a href="#packs">packs</a> <a
				href="#about">about us</a>
		</nav>

		<nav data-role="top">
			<a href="#wrapper"></a>
		</nav>

		<section data-type="slider">
			<img src="img/dummy.jpg">
		</section>

		<article data-type="cols" >
			<div class="blogPost">
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			</div>
		</article>

		<nav class="gallery">

			<h2>Packs</h2>

			<ul>
				<li><a href=""><img src="img/gallery01.jpg"></a></li>
				<li><a href=""><img src="img/gallery02.jpg"></a></li>
				<li><a href=""><img src="img/gallery03.jpg"></a></li>
				<li><a href=""><img src="img/gallery04.jpg"></a></li>
				<li><a href=""><img src="img/gallery05.jpg"></a></li>
				<li><a href=""><img src="img/gallery06.jpg"></a></li>
			</ul>
		</nav>
	</div>

	<footer>

		<h2>about</h2>

		<article data-type="cols">

			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Fusce ac neque sed diam vulputate accumsan. Donec lacinia aliquet
					justo, ac convallis nunc tristique ut. In hac habitasse platea
					dictumst. Sed euismod malesuada nunc, eget venenatis turpis sodales
					ac. Aliquam aliquet dui quam. Cum sociis natoque penatibus et
					magnis dis parturient montes, nascetur ridiculus mus. Integer
					ultrices urna eu erat placerat pellentesque. Phasellus tincidunt
					porttitor laoreet. Donec suscipit magna vitae turpis elementum quis
					facilisis metus congue.</p>
			</section>

		</article>

	</footer>
</body>
</html>